html, body,.mui-content{
	background-color: white;
}
.ymText{
	font-size: var(--font18);
	padding: 0 var(--size15);
	background-color: white;
	border-bottom: solid 1px #EEEEEE;
	color: var(--textColor);
	height: var(--size38);
	line-height: var(--size38);
}

.headTable{
	table-layout: fixed;
	width: calc(100% - var(--size24));
	margin-left: var(--size12);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 0;
	background-color: white;
	color: #A6A7AB;
	margin-top: var(--size12);
	font-size: var(--size15);
}
.headTable td{
	text-align: center;
	height: var(--size20);
}
.headTable td.weekEnd{
	/* color: red; */
}

/*日历*/
#slider{
	background: transparent;
	top: calc(var(--size70) + 44px);
	bottom: 0;
	transition: bottom 0.2s ease;
}
.mui-content .mui-fullscreen.mui-slider .mui-slider-group{
	top: 0;
	padding: 0;
	height: 100%;
}
#slider .mui-scroll{
	/* height: 100%; */
}
#slider .mui-scroll-wrapper{
	bottom: calc(var(--size40) + 10px);
}
.showDetail #slider .mui-scroll-wrapper{
	bottom: calc(var(--size150) + 10px);
}
/* 使用table形式 */
.dateTable{
	table-layout: fixed;
	width: calc(100% - var(--size24));
	margin-left: var(--size12);
	border-collapse: separate;
	border-spacing: 0 5px;
	border-radius: 0;
	height: 100%;
}
.dateTable td{
	overflow: hidden;
	text-overflow: ellipsis;
}
.dateTable td.start{
	overflow: hidden;
	text-overflow: ellipsis;
}
.trDay .oneDay{
	text-align: center;
	color: #1D2334;
	height: 32px;
}
.trDay .oneDay.abnormal div{
	color: lightgrey;
}
.trDay .oneDay div{
	display: inline-block;
	height: 32px;
	width: 32px;
	line-height: 32px;
	border-radius: 16px;
	border: solid 1px transparent;
	font-size: var(--size14);
}
.trDay .oneDay.today div{
	color: white;
	background-color: var(--mainColor);
}
.trDay .oneDay.chosen div{
	border-color: var(--mainColor);
}
.trDay .oneDay.today.chosen div{
	color: white;
	background-color: var(--mainColor);
}
.trClass{
	height: 24px;
}
.trClass .oneClass{
	color: white;
	font-size: var(--size12);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	text-align: center;
	line-height: 24px;
	padding-right: 4px;
	padding-left: 6px;
}

.trClass .oneClass.start{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.trClass .oneClass.end{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
/* 已经结束的 */
.oneClass.expire{
	background: #EFEFEF;
	color: #949494;
}
/* 正在进行 */
.oneClass.going{
	background: #FFE9DC;
	color: #FF792A;
}
/* 即将结束 */
.oneClass.willExpire{
	background: #FFE9DC;
	color: #FF792A;
}
/* 还未开始 */
.oneClass.notStart{
	background: #EAF9ED;
	color: #5DBF74;
}



/* 日程底部详情 */
#classInfo{
	position: fixed;
	top: auto;
	bottom: calc(30px - var(--size150));
	left: 0;
	height: var(--size150);
	transition: bottom 0.2s ease;
	width: 100%;
	background-color: white;
	border-top-left-radius: 0.8rem;
	border-top-right-radius: 0.8rem;
	box-shadow: 0 -8px 8px #F0F0F0;
	overflow: hidden;
	z-index: 9;
}
.showDetail #classInfo{
	bottom: 0;
}
.popotitle{
	background-color: white;
	color: var(--textColor);
}
.downBtn{
	width: 100%;
	height: 30px;
	text-align: center;
	color: darkgray;
}
.downBtn img{
	margin-top: 12px;
	height: 6px;
}
#classInfo .mui-scroll-wrapper{
	top: 30px;
}
.oneInfo{
	position: relative;
	margin: var(--size5) var(--size10) 0.12rem;
	width: calc(100% - var(--size20));
}
.oneInfo .dateArea{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: var(--size70);
	text-align: center;
	line-height: 1.5;
	/* background-color: red; */
}
.oneInfo .seperateLine{
	position: absolute;
	top: 2.5px;
	left: var(--size80);
	bottom: 2.5px;
	width: 3px;
	border-radius: 1.5px;
	background-color: #007AFF;
}
.oneInfo .textArea{
	width: calc(100% - var(--size90) - 5px);
	margin-left: calc(var(--size90) + 3px);
}
.infoTitle{
	font-weight: 600;
	font-size: var(--size14);
	color: var(--textColor);
}
.infoSub{
	color: var(--textColor);
	font-size: var(--size12);
}

.infoLine{
	height: var(--size8);
	width: 100%;
	line-height: var(--size8);
	color: gray;
}
.colorText{
	position: absolute;
	right: 5px;
	display: flex;
	top: 44px;
	height: var(--size38);
	font-size: var(--font18);
}
.colorText .oneClass{
	margin-top: var(--size6);
	margin-left: 5px;
	height: var(--size25);
	line-height: var(--size25);
	padding: 0 5px;
	border-radius: 4px;
}